<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="estilos.css">
    
</head>

<body>
    CONJUNTOS
    <form>
        <p>¿Que objeto no pertenece al conjunto A?</p>
        <p>
            <select id="pizza" onChange="mostrarseleccion pizza()">
                <option value="verde">pasto</option>
                <option value="amarillo">leon</option>
                <option value="azul">mar</option>
                <option value="rosado">cerdo</option>
                <option value="felinoi">tigre</option>
                <option value="acuatico">ballena</option>
                <option value="bestia">dragon</option> 
            </select>
        </p>
        <p><input type="text" id="mensaje"></p>
    </form>

    <script>
        function mostrarSeleccionPizza() {
            var seleccion = document.getElementById("pizza").value;
            var mensaje = document.getElementById("mensaje");
            
            if (seleccion === "Abrigo") {
                mensaje.value = "¡Felicitaciones, muy bien!";
            } else {
                mensaje.value = "Vuelve a intentar";
            }
        }
    </script>
</body>

</html>
  